<template>
  <div>
    <childSlot>
        <template #header>
            我是插入的header
        </template>
        <!-- <div>
            我是插入的main
        </div> -->
        <template #main>
            我是main中的具名插槽
        </template>
        <template #footer>
            我是插入的footer
        </template>
        <template v-slot='scope'>
            <!-- {{user.firstName}}--{{user.lastName}} -->
            {{scope}}
            <!-- { "user": { "firstName": "何", "lastName": "凯" } } -->
        </template>
        <!-- <template v-slot='{user}'>
            {{user.firstName}}--{{user.lastName}}
        </template> -->
    </childSlot>
  </div>
</template>

<script>
import childSlot from './childSlot.vue'

export default {
  components: { childSlot }
}
</script>

<style>

</style>
